
<div id="page_plugin" class="container" style="text-align: center;margin-bottom: 100px;">
    <ul id="pagination" class="pagination"></ul>
    <ul id="qqq" class="list-inline">
        <li>共查询到 ${ro.total!} 条数据</li>
        <li>
            每页显示:
            <select name="size" id="size">
                <option value="5">5</option>
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="50">50</option>
                <option value="100">100</option>
                <option value="150">150</option>
            </select>
            条数据
        </li>
        <li>总共 ${ro.pages!} 页</li>
    </ul>
</div>
<script type="text/javascript">
    $(function(){
        $("#pagination").twbsPagination({
            totalPages:${(ro.pages)!} || 1,
            startPage:${(ro.pageNum)!} || 1,
            visiblePages: 5,
            first:"首页",
            prev:"上页",
            next:"下页",
            last:"尾页",
            onPageClick:function(event, page){
                //将当前页设置page值
                $("#currentPage").val(page);
                //设置每页大小
                $("#pageSize").val($("#size").val());
                //表单提交
                $("#searchForm").submit();
            }
        });
        //回显页面大小
        $("#size").val(${ro.pageSize!});
        $("#size").change(function(){
            //设置页面大小
            $("#pageSize").val($("#size").val());
            //表单提交
            $("#searchForm").submit();
        });
    });
</script>
